<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover"
    />
    <link rel="stylesheet" href="./src/reset.css" />
    <link rel="stylesheet" href="./src/main.css" />
    <title>Document</title>
  </head>
  <body>
    <div class="wrap">
      <!-- head -->
      <div class="face">
        <!-- cheek -->
        <div class="cheek"></div>

        <!-- left eye -->
        <div class="l_eyeblow"></div>
        <div class="l_eyelids"></div>
        <div class="l_eye"></div>

        <!-- right eye -->
        <div class="r_eyeblow"></div>
        <div class="r_eyelids"></div>
        <div class="r_eye"></div>

        <!-- ear -->
        <div class="ear"></div>

        <!-- mouth -->
        <div class="mouth"></div>
      </div>

      <!-- hair -->
      <div class="hair"></div>
    </div>
  </body>
</html>
